<template>
  <div style="height:100%" v-bind:style="{display:isActive ? 'block':'none'}">
    <slot></slot>
  </div>
</template>
<script>
  export default {
    props: {
      index: String
    },
    computed: {
      isActive: function () {
        let parent = this.$parent
        return this.index === parent.activeIndex
      }
    }
  }

</script>
